<template>
	<div id="app" ref="vueDom" style="display:none">
		<router-view></router-view>
	</div>
</template>

<script>
	import {
		useRouter
	} from "vue-router";

	export default {
		name: 'App',
		components: {},
		methods: {
			goto(url) {
				const router = useRouter();
				router.push(url)
			}
		},
		created() {
			if (!localStorage.getItem('exhibitor_token')) {
				this.$router.push("/login")
			}
		},
		mounted() {
			setTimeout(() => {
				this.$refs.vueDom.style.display = 'block'
			}, 1000)
		}
	}
</script>

<style>
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		min-width: 1220px;
	}

	body {
		margin: 0;
	}
</style>